<!DOCTYPE html>
<html lang="en">
<head>
<title>huangliusong</title>
<script src="./vue.js"></script>
</head>
 
<body>
	<div id="app">
		<div v-for="(item,index) of list" :key="item.id">{{item.text}}-{{index}}</div>
	</div>

	<script type="text/javascript">

	//pop push shift unshift splice  sort reverse
	var vm =new Vue({
		el:"#app",
		data:{
			list:[
			{
				id:"001",
				text:"hr"
			},
				{
				id:"002",
				text:"he"
			},
				{
				id:"003",
				text:"hw"
			},
				{
				id:"004",
				text:"hq"
			}
			]
		}
	})
	</script>
</body>

</html>